<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>text-overflow属性</title>
<style type="text/css">
.one{
	width:300px; 
    height:50px; 
	border:1px solid blue;
	white-space:nowrap;        /*强制文本不能换行*/
	overflow:hidden;           /*修剪溢出文本*/
	text-overflow:ellipsis;    /*用省略标记标示被修剪的文本*/
	}
.two{
	width:300px; 
    height:50px; 
	border:1px solid blue;
	white-space:nowrap;        /*强制文本不能换行*/
	overflow:hidden;           /*修剪溢出文本*/
	text-overflow:clip;        /*不显示省略标记*/
	}		
</style>
</head>
<body>
<p class="one">楚辞又称“楚词”，是战国时代的伟大诗人屈原创造的一种诗体。</p>
<p class="two">作品运用楚地的文学样式、方言声韵，叙写楚地的山川人物、历史风情，具有浓厚的地方特色。楚辞是我国第一部浪漫主义诗歌总集。</p>
</body>
</html>
